<template>
    <el-tabs type="border-card" v-model="activeName">
        <el-tab-pane label="附件表格" name="free">
            <el-row>
                <div></div>
            </el-row>
            <el-row>
                <el-table
                        :data="tableData"
                        style="width: 100%"
                        border
                        stripe
                        :highlight-current-row="true"
                        :header-cell-style="{ background: '#ededed', color: '#333' }"
                >
                    <el-table-column prop="name" align="center" label="文件" />
                    <el-table-column prop="describe" align="center" label="操作">
                        <template slot-scope="scope">
                            <el-button type="" @click="detail()">
                                {{ scope.row.describe }}
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </el-row>
        </el-tab-pane>
    </el-tabs>
</template>

<script>
    export default {
        name: 'fu',
        data() {
            return {
                activeName: 'free',
                form: {
                    name: '',
                    describe: '',
                    start: '',
                    out: '',
                    upTime: '',
                    jian: '',
                },
            };
        },
        methods: {},
    };
</script>

<style scoped>
    .text-right{
        float: right;
    }
</style>